
<!-- PICK DEMO BACKGROUND -->
<fieldset id="fldPreviewSettings"><legend>{#stylelibrary_dlg.preview_settings}</legend>
<div class="previewcontrols">
	<div class="pair" id="divTableHeaders" style="display: none;">
		<label>
			{#stylelibrary_dlg.preview_headers}</label>
		<div class="controls">
			<select id="ddlDemoType" name="ddlDemoType" onchange="previewSettings.selectDemoTable();">
				<option value="1" selected="selected">{#stylelibrary_dlg.top_headers}</option>
				<option value="3">{#stylelibrary_dlg.top_left_headers}</option>
			</select>
		</div>
	</div>
	<div class="pair">
		<label>{#stylelibrary_dlg.preview_show_text}</label>
		<div class="controls">
			<input type="checkbox" id="chkShowLorem" onclick="previewSettings.switchLorem(this.checked);" />
			&nbsp;
			<label>{#stylelibrary_dlg.preview_justify}</label>
			<input type="checkbox" id="chkJustifyDemo" onclick="previewSettings.switchJustify(this.checked);" />
		</div>
	</div>
	<div class="pair" id="divEdge">
		<label>{#stylelibrary_dlg.preview_show_edge}</label>
		<div class="controls">
			<input type="checkbox" id="chkShowEdge" onclick="previewSettings.switchEdge(this.checked);" />
		</div>
	</div>
	<div class="pair">
		<label>{#stylelibrary_dlg.preview_background}</label>
		<div class="controls">
			<table>
				<tr>
					<td>
						<input id="previewbg" name="previewbg" type="text" value="" size="9" onchange="updateColor('previewbg_pick','previewbg'); previewSettings.demoBgChanged();" />
					</td>
					<td>
						<span id="previewbg_pickcontainer"><b id="previewbg_pick">&nbsp;</b></span>
					</td>
					<td>
						<input type="button" value="{#stylelibrary_dlg.clear}" onclick="previewSettings.delColor();" />
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>

</fieldset>
<script type="text/javascript">
previewSettings = new simplePreviewSettings();
</script>
